<template>
  <van-tabbar v-model="active" style="position: absolute; bottom: 0">
    <van-tabbar-item
      v-for="(tab, index) in tabb"
      :icon="tab.icon"
      :to="tab.path"
      :dot="tab.dot"
      :info="tab.info"
      :key="index"
      >{{ tab.name }}</van-tabbar-item
    >
  </van-tabbar>
</template>


<script>
import { Tabbar, TabbarItem } from 'vant';

export default {
  data() {
    return {
      active: 0,
      showtabbar: true,
      tabb: [
        {
          name: '产品表',
          path: '/record/product',
          pathName: 'product',
          icon: 'newspaper-o',
          // dot: false,
          info: '',
        },
        {
          name: '配件表',
          path: '/record/parts',
          pathName: 'parts',
          icon: 'hot-o',
          // dot: false,
          info: '',
        },

        {
          name: '资格表',
          path: '/record/qualifications',
          pathName: 'qualifications',
          icon: 'vip-card-o',
          // dot: false,
          info: '',
        },
      ],
    };
  },

  methods: {},

  components: {
    [Tabbar.name]: Tabbar,
    [TabbarItem.name]: TabbarItem,
  },
};
</script>
<style lang="scss" scoped>
/deep/.van-tabbar-item__icon .van-icon {
  font-size: 22px;
}
</style>